<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="renderer" content="webkit">

		<title> 华地后台管理</title>

		<meta name="keywords" content="">
		<meta name="description" content="">

		<!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->

		<link rel="shortcut icon" href="__PUBLIC__/admin/favicon.ico">
		<link href="__PUBLIC__/admin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
		<link href="__PUBLIC__/admin/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
		<link href="__PUBLIC__/admin/css/animate.css" rel="stylesheet">
		<link href="__PUBLIC__/admin/css/style.css?v=4.1.0" rel="stylesheet">
		<link href="__PUBLIC__/admin/css/viewer.min.css" rel="stylesheet">
	</head>

	<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
		<div id="wrapper">
			<!--左侧导航开始-->
			<nav class="navbar-default navbar-static-side" role="navigation">
				<div class="nav-close">
					<i class="fa fa-times-circle"></i>
				</div>
				<div class="sidebar-collapse">
					<ul class="nav" id="side-menu">
						<li class="nav-header">
							<div class="dropdown profile-element">
								<a data-toggle="dropdown" class="dropdown-toggle" href="#">
									<span class="clear">
                                    <span class="block m-t-xs" style="font-size:16px;color:#424242;">
                                        <strong class="font-bold">华地艺术品库存管理</strong>
                                    </span>
									</span>
								</a>
							</div>
						</li>
						<li class="line dk"></li>
						<li>
							<a class="J_menuItem" href="index_v1.html">
								<i class="fa fa-home"></i>
								<span class="nav-label">主页</span>
							</a>
						</li>
						<li class="line dk"></li>
						<li>
							<a class="J_menuItem" href="{:URL('collect/collection')}">
								<i class="fa fa fa-university"></i>
								<span class="nav-label">藏品</span>
							</a>
						</li>
						{if condition='($power.power==2)||($power.power==1)'}
						<li class="line dk"></li>

						<li>
							<a class="J_menuItem" href="{:URL('kucun/storehouse')}">
								<i class="fa fa-cubes fa-fw"></i>
								<span class="nav-label">库房</span>
							</a>
						</li>

						<li class="line dk"></li>
						<li>
							<a class="J_menuItem" href="{:URL('recovery/recovery')}">
								<i class="fa fa-trash-o" aria-hidden="true"></i>
								<span class="nav-label">回收站</span>
							</a>
						</li>
						{/if} {if condition='$power.power==1'}
						<li class="line dk"></li>
						<li>
							<a href="#">
								<i class="fa fa-cog"></i>
								<span class="nav-label">设置</span>
								<span class="fa arrow"></span>
							</a>
							<ul class="nav nav-second-level">
								<li>
									<a class="J_menuItem" href="{:URL('set/setting_user')}">用户管理</a>
								</li>
							</ul>
						</li>
						{/if}
						<li class="line dk"></li>
					</ul>
				</div>
			</nav>
			<!--左侧导航结束-->
			<!--右侧部分开始-->
			<div id="page-wrapper" class="gray-bg dashbard-1">
				<div class="row border-bottom">
					<nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
						<div class="navbar-header">
							<a class="navbar-minimalize minimalize-styl-2 btn btn-info " href="#">
								<i class="fa fa-bars"></i>
							</a>
						</div>
						<ul class="nav navbar-right" style="margin-right:30px;">
							<li role="presentation" class="dropdown">
								<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
									<!-- <img src="img/a1.jpg" alt="" style="width:40px;height:40px;border-radius:50%;"> 欢迎， -->
									欢迎，
									<span>{$Think.session.name}</span>
									<span class="caret"></span>
								</a>
								<ul class="dropdown-menu">
									<li>
										<a href="#" id="btn-user-info">
											<i class="fa fa-user"></i>个人信息</a>
									</li>
									<li>
										<a href="#" id="modify-password">
											<i class="fa fa-key fa-fw"></i>密码修改</a>
									</li>
									<li>
										<a href="{:URL('index/tuichu')}">
											<i class="fa fa-sign-out"></i>安全退出
										</a>
									</li>
								</ul>
							</li>
						</ul>
					</nav>
				</div>
				<div class="row J_mainContent" id="content-main">
					<iframe id="J_iframe" width="100%" height="100%" src="index_v1.html?v=4.0" frameborder="0" data-id="index_v1.html" seamless></iframe>
				</div>
			</div>
			<!--右侧部分结束-->
		</div>

		<!-- 全局js -->
		<script src="__PUBLIC__/admin/js/jquery.min.js?v=2.1.4"></script>
		<script src="__PUBLIC__/admin/js/bootstrap.min.js?v=3.3.6"></script>
		<script src="__PUBLIC__/admin/js/plugins/metisMenu/jquery.metisMenu.js"></script>
		<script src="__PUBLIC__/admin/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
		<script src="__PUBLIC__/admin/js/plugins/layer/layer.min.js"></script>

		<!-- 自定义js -->
		<script src="__PUBLIC__/admin/js/hAdmin.js?v=4.1.0"></script>
		<script type="text/javascript" src="__PUBLIC__/admin/js/index.js"></script>

		<!-- 第三方插件 -->
		<script src="__PUBLIC__/admin/js/plugins/pace/pace.min.js"></script>
		<script src="__PUBLIC__/admin/js/plugins//viewerjs/viewer.min.js"></script>
	</body>

</html>
<script>
	//弹出一个页面层---用户个人信息
	$('#btn-user-info').on('click', function() {
		layer.open({
			type: 1,
			title: '用户个人信息',
			area: ['600px', '360px'],
			shadeClose: true, //点击遮罩关闭
			content: '<table class="table table-striped">\
                            <tbody>\
                                <tr>\
                                    <td>用户名：</td>\
                                    <td>{$peson.name}</td>\
                                </tr>\
                                <tr>\
                                    <td>姓名：</td>\
                                    <td>{$peson.zname}</td>\
                                </tr>\
                                <tr>\
                                    <td>部门：</td>\
                                    <td>{$peson.section}</td>\
                                </tr>\
                            </tbody>\
                        </table>'
		});
	});
	//点击修改密码
	//弹出一个iframe层
	$('#modify-password').on('click', function() {
		layer.open({
			type: 2,
			title: '修改密码',
			maxmin: true,
			shadeClose: true, //点击遮罩关闭层
			area: ['800px', '520px'],
			content: '{:URL('set/modify_password')}'
		});
	});
	//图片查看
	function create_viewer(images, viewerid, index, options) {
        var params = {
            'url': 'src'
        };
        index = !index ? 0 : index;
        params = options ? $.extend(params, options) : params;

        if (!window._myviewers) {
            window._myviewers = {};
        }

        var $viewer = $("#my-viewer-" + viewerid);
        var $images_ul = $('<ul id="my-viewer-' + viewerid +
            '" style="position: fixed;left: 100000000000px;top: 10000000000px;"></ul>');
        $.each(images, function (i, image) {
            var $img = $("<img/>").attr("src", image.url).attr("alt", image.title);
            var $li = $("<li></li>");
            $li.append($img);
            $images_ul.append($li);
        });
        if ($viewer.length == 0) {
            $('body').append($images_ul);
        } else {
            $viewer.replaceWith($images_ul);
        }

        var viewerElement = document.getElementById("my-viewer-" + viewerid);
        var viewer = new Viewer(viewerElement, params);

        window._myviewers[viewerid] = viewer;

        $("#my-viewer-" + viewerid).find("img").eq(index).click();
    }
</script>